<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/reg.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<p class="fl">欢迎注册</p>
				<p class="fr">
					<span>已有账户</span>
					<span><a href="login.html">请登录</a></span>
				</p>
			</header>
			<article class="clearfix">
				<div class="reg fl">
					<form action="">
						<div class="username">
							<label for="username">用户名&nbsp;&nbsp;&nbsp;</label>
							<input type="username" name="username" id="username" placeholder="请输入手机验证码" />
						</div>
						<div class="password">
							<label for="password">设置密码</label>
							<input type="password" name="password" id="password" placeholder="建议至少使用两种字符组合" />
						</div>
						<div class="password">
							<label for="password">确认密码</label>
							<input type="password" name="password" id="password" placeholder="请再次输入密码" />
						</div>
						<div class="phone clearfix">
							<div class=" fl">
								<label>中国+86</label>
								<input type="image" src="img/reg/down.png"/>
								<ul>
									<li><label>中国+86</label></li>
									<li><label>中国+86</label></li>
									<li><label>中国+86</label></li>
								</ul>
							</div>
							<input class="fl" type="text"  placeholder="建议使用常用手机" />
						</div>
						<p><span>或</span><span><a href="">邮箱验证</a></span></p>
						<div class="imgyan clearfix">
							<label class="fl">验证码</label>
							<input class="fl" type="text"  placeholder="请输入图片验证码" />
							<input type="image" class="fr" src="img/reg/yan.png"/>
						</div>
						<div class="yan clearfix">
							<label class="fl">手机验证码</label>
							<input class="fl" type="text"  placeholder="请输入手机验证码" />
							<input class="fr" type="button" value="获取验证码"/>
						</div>
						<div class="agree">
							<input type="image" src="img/reg/2.png"/>
							<span>我已阅读并同意<a href="">《不二定制用户注册协议》</a></span>
						</div>
						<input type="submit" value="立即注册" />
					</form>
				</div>
				<div class="phone-img fr">
					<img src="img/reg/phone.png" alt="" />
				</div>
			</article>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
	</body>
</html>
